<div>
    <header class="navbar-default navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main">
                    <span class="">模块</span>
                </button>

                <a class="navbar-brand" href="#">
                    <i class="glyphicon glyphicon-home"></i>
                    <span>MetaLab</span>
                </a>
            </div>
            <div class="navbar-collapse collapse" id="main">
                <ul class="nav navbar-nav navbar-left" data-bind="foreach: router.navigationModel">
                    <li data-bind="css: { active: isActive }">
                        <a data-bind="attr: { href: hash }, text: title"></a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-left">
                    <li>
                        <a href="www.baidu.com">个人主页</a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#keyed-master-details/1/first">设置</a></li>
                    <li><a href="#keyed-master-details/2/first">退出</a></li>
                    <li class="loader" data-bind="css: { active: router.isNavigating }">
                        <i class="icon-spinner icon-spin"></i>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <div class="page-host" data-bind="router: { transition:'entrance', cacheViews:false }"></div>
</div>